<template>
  <el-row class="container">
    <el-col :span="24">


      <app-pagination
        :currentPage.sync="listData.page"
        :size.sync="listData.size"
        :total="listData.total"
        @handleCurrentChange="initData()"
        @handleSizeChange="initData()"
      ></app-pagination>
    </el-col>
  </el-row>
</template>
<script>
  import ApiClient from '@/utils/ApiClient'
  import AppPagination from '@/components/AppPagination'
  export default {
    components:{
      'app-pagination':AppPagination,
    },
    data(){
      return {
        listData:{
          page:1,
          size:10,
          items:null,
          total:null,
          totalPage:null,
        }
      }
    },
    methods:{
      initData(){
        ApiClient.get('/backend/exhibitType/list.do',{page:this.listData.page,size:this.listData.size}).then(data => {
          this.listData = data
        })
      }
    },
    mounted(){
      this.initData()
    }
  }
</script>
<style scoped lang="scss">
  .container{
  }

</style>
